import React from 'react'
import style from './BusinessPartners.module.css'
import {Typography, Row, Col} from 'antd'
import sponsor1 from '../../assets/images/facebook-807588_640.png'
import sponsor2 from '../../assets/images/follow-826033_640.png'
import sponsor3 from '../../assets/images/microsoft-80658_640.png'
import sponsor4 from '../../assets/images/icon-720944_640.png'
import Item from 'antd/lib/list/Item'

export const BusinessPartners:React.FC = () => {
  const sponsorList = [
    {
      src: sponsor1
    },
    {
      src: sponsor2
    },
    {
      src: sponsor3
    },
    {
      src: sponsor4
    }
  ]
  return (
    <div className={style.BusinessPartners}>
      <Typography.Title level={3}>
        合作企业
      </Typography.Title>
      <Row gutter={80}>
        {
          sponsorList.map((item, index) => {
            return (
              <Col span={6} key={index}>
                <img
                  key={index} 
                  src={item.src} 
                  style={{width: '100%'}} 
                  alt="" 
                />
              </Col>
            )
          })
        }
      </Row>
    </div>
  )
}
